<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滚动标签</title>
</head>
<body>
<!--
    marquee标签:设置文本内容为滚动内容,默认从右向左滚动
    可以通过属性设置滚动的样式
    常用属性:
        direction:设置滚动方向,其值有四种
            left:默认值,从右向左
            right:从左向右
            up:从下向上
            down:从上向下
        scrollamount:设置滚动的速度,其值是一个数字,数字越大,速度越快
        behavior:设置滚动的方式
            scroll:默认值,连续滚动
            slide:滚动一次
            alternate:来回滚动
        loop:设置滚动的次数,其值是一个正整数,默认无限
            就算behavior设置了一次,此时仍然以loop为主
            只是停止后的效果不同
            设置scroll停止后内容消失
            设置slide停止后内容仍在
            设置alternate停止后内容仍在
        bgcolor:设置区域背景色
-->
<marquee scrollamount="50" loop="2" bgcolor="red">这是从右向左滚动的内容</marquee>
<hr>
<marquee direction="right" scrollamount="40" behavior="slide" loop="2" bgcolor="green">这是从左向右滚动的内容</marquee>
<hr>
<marquee direction="up" scrollamount="20" behavior="alternate" loop="2" bgcolor="blue">这是从下向上滚动的内容</marquee>
<hr>
<marquee direction="down" scrollamount="30" behavior="alternate" bgcolor="gray">这是从上向下滚动的内容</marquee>
<hr>

</body>
</html>